<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>见微-全媒体记者发稿助手</title>
    <link href="__PUBLIC__/live/css/panel.css" rel="stylesheet">
    <script src="http://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
</head>
<body>
<div class="" id="bList">
    
    </div>
   <script>
       $('#bList').html('<div class="loading"><span class="gauge-loader">Loading&#8230;</span><p>Loading...</p></div>');
       $.ajaxSetup({cache:false})
       $.getJSON("{:U('getLiveStreamsFrameRateAndBitRate')}?id={$Think.get.id}&sTime={$Think.get.sTime}&eTime={$Think.get.eTime}",function(d){
        if(d.code!=0){




            Highcharts.chart('bList', {
                chart: {zoomType: 'x'},
                title: {text: ''},
                subtitle: {
                    text: ''
                },
                xAxis: {
                    type: 'datetime',
                    dateTimeLabelFormats: {
                        minute: '%H:%M'
                    }
                },
                yAxis: {
                    title: {
                        text: ''
                    }
                },
                legend: {
                    enabled: false
                },
                plotOptions: {
                    area: {
                        fillColor: {
                            stops: [
                                [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
                            ]
                        },
                        marker: {radius: 2},
                        lineWidth: 1,
                        states: {
                            hover: {
                                lineWidth: 1
                            }
                        },
                        threshold: null
                    }
                },

                series: [{
                    type: 'area',
                    name: '视频帧率',
                    data: d.VideoFrameRate
                },{
                    type: 'area',
                    name: '音频帧率',
                    data: d.AudioFrameRate
                },{
                    type: 'area',
                    name: '码率(10K)',
                    data: d.BitRate
                }]
            });
         }else{
            $("#bList").html(d.msg)
         }
         console.log(d);
       })
    
   </script>
</body>
</html>



